import styles from './index.module.scss'
import cm from 'classnames'

const Index = props => {
  const { width = 14, className, onClick } = props
  const click = e => {
    e.stopPropagation()
    onClick()
  }
  return (
    <svg
      fill="none"
      width={width}
      height={width}
      viewBox="0 0 14.000000953674316 14"
      className={cm(styles.svg, className)}
      onClick={click}
    >
      <g>
        <path
          d="M0,0L0,14L14,14L14,0L0,0ZM10.5404,9.8279L9.82771,10.5406L7.00884,7.72168L4.18994,10.5406L3.47722,9.8279L6.29611,7.00897L3.45855,4.17136L4.17127,3.45863L7.00882,6.29624L9.84636,3.45863L10.5591,4.17136L7.72152,7.00897L10.5404,9.8279Z"
          fill="#727272"
          fillOpacity="1"
        />
      </g>
    </svg>
  )
}

export default Index
